const COLORS: Array<string[]> = [
  [
    '#3E72E7',
    '#18AB6D',
    '#7A4CE0',
    '#E149A0',
    '#E43D3D',
    '#E8853D',
    '#0394B4',
    '#729B1B',
  ],
  [
    '#336699',
    '#339966',
    '#993399',
    '#999966',
    '#669966',
    '#663333',
    '#669999',
    '#663366',
    '#666633',
    '#996666',
    '#999933',
    '#669933',
    '#663399',
    '#666699',
    '#993366',
    '#996633',
    '#996699',
    '#339999',
    '#333366',
    '#336633',
    '#333399',
    '#339933',
    '#336666',
    '#FD7272',
  ],
];

export const BGColorLighten = {
  '#3E72E7': '#ECF1FD',
  '#18AB6D': '#E8F7F0',
  '#7A4CE0': '#F2EDFC',
  '#E149A0': '#FCEDF6',
  '#E43D3D': '#FCECEC',
  '#E8853D': '#FEF2E9',
  '#0394B4': '#E6F4F7',
  '#729B1B': '#F1F5E8',
};

export const RichEditorThemeColors = {
  almostBlack: '#1c2852',
  fontFamily: 'Inter',
  toolbarBackground: '#fff',
  blockToolbarItem: '#1c2852',
  black: '#1c2852',
  blockToolbarIcon: '#414b6d',
  blockToolbarIconSelected: '#414b6d',
  blockToolbarText: '#414b6d',
  blockToolbarTriggerIcon: '#414b6d',
  blockToolbarTextSelected: '#1c2852',
  blockToolbarSelectedBackground: '#dee6f3',
  blockToolbarHoverBackground: '#f2f5fa',
  blockToolbarDivider: '#E8F1FC',
  toolbarItem: '#414b6d',
  fontFamilyMono: 'Inconsolata',
};

export const COLOR_BY_VALUE_TYPE: Record<string, string> = {
  int: 'rgb(175, 85, 45)',
  float: 'rgb(92, 129, 21)',
  string: 'rgb(246, 103, 30)',
  bool: 'rgb(169, 87, 153)',
  object: 'rgb(73, 72, 73)',
  array: 'rgb(73, 72, 73)',
  nan: 'rgb(148, 148, 148)',
  '': 'rgb(148, 148, 148)',
};

export default COLORS;
